/* 改变主题色变量 */
$--color-primary: #24BBD3;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

@font-face {
	font-family: Source Han Sans CN;
	src: url("../font/SourceHanSansCN-Regular.otf");
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-family: 'Source Han Sans CN';
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
}

textarea {
	resize: none !important;
}

a {
	text-decoration: none;
}

.el-button {
	border-radius: 2px;
	font-weight: 400;
}

.el-table {
	thead th {
		height: 58px;
		background-color: rgba(196, 196, 196, 0.22) !important;
		color: #8e8e8e;
		font-weight: 400;
	}

	.cell, th.el-table__cell > .cell {
		padding: 0;
		font-size: 18px;
	}
}

.el-table::before {
	display: none;
}

.el-dialog {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: 0 !important;
	border-radius: 10px;

	.el-dialog__header {
		height: 50px;
		line-height: 50px;
		padding: 0;
		text-align: center;
		background-color: #ededed;
		border-radius: 10px 10px 0 0;
	}

	.el-dialog__title {
		font-size: 18px;
		color: #8e8e8e;
	}
}

.el-button--text {
	font-size: 18px;
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
	background: none;
}

.el-button--default {
	color: #24BBD3;
	border-color: #24BBD3;
}

.el-button--primary {
	color: #f5f5f5;
}

.el-pagination__sizes .el-input .el-input__inner:hover, {
	border-color: #24BBD3;
}

.el-input__inner:focus, .el-textarea__inner:focus, textarea:focus {
	outline: none;
	border-color: #24BBD3 !important;
}

.el-select .el-input.is-focus .el-input__inner {
	border-color: #24BBD3 !important;
}

.el-popover {
	width: auto;
	height: auto;
	padding: 0;

	.popoverBox {
		width: 168px;
		height: 106px;

		.el-button {
			display: block;
			margin: 0;
			height: 50%;
			font-size: 18px;
			color: #8E8E8E;
			padding-left: 20px;
			width: 100%;
			text-align: left;
		}

		.el-button:first-child {
			border-bottom: 1px solid #ededed;
		}
	}

	.medicalPop {
		width: 154px;
		height: 84px;
		border: 1px solid #24BBD3;
		border-radius: 2px;
		box-shadow: 0px 2px 6px 0px rgba(72, 142, 133, 0.2);

		p {
			height: 50%;
			font-size: 18px;
			line-height: 42px;
			padding-left: 9px;
			cursor: pointer;

			img {
				vertical-align: sub;
				margin-right: 10px;
			}
		}

		p:hover {
			background: #E6F5F3;
		}
	}
}

::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(4, 23, 26, 0.1);
}